<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>联系我们</title>
    <link rel="stylesheet" type="text/css" href="__CDN__/light/css/all.css"/>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="__CDN__/light/js/jquery.js"></script>
    <script src="__CDN__/light/js/common.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="contact">
    <!-- 头部 -->
    {include file="public/header" /}
    <!--联系我们 -->
    <div class="bg_gray common_small">
        <div class="common_pos">
            <div class="common_title">
                <ul>
                    <li>{$nav_name.title}</li>
                    <li>{$nav_name.eng_title}</li>
                </ul>
            </div>
        </div>
        <div class="center flex common_nav">
            <div class="common_left">
                <ul>
                    <li><a href="message.html">在线留言</a></li>
                    <li class="tab_active"><a href="contact.html">{$nav_name.title}</a></li>
                </ul>
            </div>
            <div class="common_right">
                <div class="common_top"><img src="__CDN__/light/img/home_zofp.png"><a href="/index/index/index">网站首页</a> >> <a
                        href="contact.html">{$nav_name.title}</a></div>
                <div class="common_bottom">
                    <div class="flex contact_touch">
                        <div class="address">
                            <p>联系地址：</p>
                            <p>{$base.address}</p>
                            <p>联系电话：</p>
                            <p>{$base.phone} {$base.mobile}</p>
                            <p>联系邮箱：</p>
                            <p>{$base.email} {$base.mailbox}</p>
                        </div>
                        <div class="f_wx_card">
                            <dl>
                                <dt><img src="{$base.code}"></dt>
                                <dd>微信公众号</dd>
                            </dl>
                            <dl>
                                <dt><img src="{$base.wechat_code}"></dt>
                                <dd>微信公众号</dd>
                            </dl>
                        </div>
                    </div>
                    <!-- 地图 -->
                    <div id="container"></div>

                </div>
            </div>
        </div>
    </div>
    <!--底部 -->
    <div class="footer">
        {include file="public/footer" /}
    </div>
    <!-- 放大镜 -->
    <div id="smallbox">
        <div id="mask">

        </div>
    </div>
    <div id="bigbox">
    </div>
</div>
</body>

<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=Mi07hElrUz7zGG4G49rScXzEbiPjhXdf"></script>
<script type="text/javascript">
    var map = new BMap.Map("container");
    // 创建地图实例
    var point = new BMap.Point(121.512163, 31.24258);
    // 创建点坐标
    map.centerAndZoom(new BMap.Point(121.512163, 31.24258), 18);
    // 初始化地图，设置中心点坐标和地图级别
    map.enableScrollWheelZoom(true);
    var marker = new BMap.Marker(point);
    var content = "上海浦东区";
    var label = new BMap.Label(content, {     // 创建文本标注
        position: point,             // 设置标注的地理位置
        offset: new BMap.Size(-70, -25)      // 设置标注的偏移量
    })
    map.addOverlay(label);
    // var myIcon = new BMap.Icon("1.png",new BMap.Size(48,48));//定义自己的图标
    // var marker1  = new BMap.Marker(point,{icon:myIcon,offset: new BMap.Size(0,-90)});//创建图标
    map.addOverlay(marker1);
</script>
</html>
